<template>
    <div class="preparation-page">
        <div class="handle-wrap">
            <button type="button" class="btn search">搜索<i class="icon-serach"></i></button>
            <button type="button" class="btn handle">时间段</button>
            <button type="button" class="btn handle">手术医生</button>
            <button type="button" class="btn handle">麻醉方式</button>
            <button type="button" class="btn handle">患者类型</button>
        </div>
        <div class="card-list">
            <pcard class="pcard" v-for="item in 18"></pcard>
        </div>
    </div>
</template>

<script lang="ts">
    import {
        Component,
        Prop,
        Vue
    }
    from 'vue-property-decorator';
    import Pcard from '@/components/pcard/pcard.vue';

    @Component({
        components: {
            Pcard
        },
    })
    export default class Examine extends Vue {

    }
</script>

<style scoped lang="scss">
.preparation-page{
    position: absolute;
    top: 136px;
    bottom: 50px;
    left: 10px;
    right: 10px;
    border: 1px solid #CBCBCB;
    .handle-wrap{
        position: absolute;
        right: 20px;
        top: 50px;
        width: 130px;
        z-index: 2;
        .btn{
            margin-top: 20px;
            padding: 0;
            .icon-search{
                display: inline-block;
            }
        }
        .btn.search{
            background-color: #FFF;
            border: 1px solid #00afb1;
            color: #666;
        }
    }
    .card-list{
        position: absolute;
        top: 50px;
        bottom: 40px;
        right: 10px;
        padding: 10px 145px 10px 30px;
        overflow-y: auto;
        .pcard{
            float: left;
            margin: 0 30px 30px 0;
        }
        &::-webkit-scrollbar {/*滚动条整体样式*/
            width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 1px;
        }
        &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: #535353;
        }
        &::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 10px;
            background: #EDEDED;
        }
    }
    
    
}
</style>